<template>
  <svg
    t="1731486728096"
    class="yindu-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="7516"
    width="16"
    height="16"
  >
    <path
      d="M808.259424 537.855878c2.995217-3.130294 4.674463-7.351432 4.674463-11.800767 0-4.40124-1.679245-8.667404-4.674463-11.752672M808.259424 514.257413 505.07631 197.684338c-13.299911-13.933337-35.493375-13.071713-48.790216 0.817622-13.254885 13.84431-13.345959 36.261878-0.049119 50.195216l265.332041 277.31291L456.237999 803.321972c-13.296841 13.979386-13.20679 36.401048 0.049119 50.244334 13.296841 13.889335 35.489282 14.751982 48.790216 0.817622L808.259424 537.811876M573.018725 538.03905c2.995217-3.133364 4.674463-7.354502 4.674463-11.800767 0-4.40124-1.679245-8.670473-4.674463-11.755742M573.018725 514.482541 269.835611 197.909465c-13.296841-13.930267-35.493375-13.068643-48.790216 0.817622-13.251815 13.84431-13.345959 36.264948-0.045025 50.199309L486.332411 526.238282 221.00037 803.551192c-13.300934 13.934361-13.20679 36.354999 0.045025 50.195216 13.296841 13.889335 35.493375 14.751982 48.790216 0.865717l303.183114-316.574099"
      fill="#999699"
      p-id="7517"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#999699",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  & path {
    fill: v-bind(fillColor);
  }
}
</style>
